<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>QQ-Tim</title>
  <link rel="stylesheet" href="css/index.css">
  <script src="js/jquery.min.js"></script>
  <script src="js/jquery.stellar.js"></script>
  <!-- [if lte IE 8]
    <script src="js/html5shiv.min.js"></script>
  [endif] -->
</head>
<body>
<!-- 导航 -->
<nav class="qq_nav">
  <div class="wrapper">
    <a href="" class="logo"></a>
    <ul class="nav">
      <li><a href="javascript:;"  class="active">首页</a></li>
      <li><a href="javascript:;">下载</a></li>
      <li><a href="javascript:;">动态</a></li>
    </ul>
    <div class="other">
      <ul>
        <li><a href="">登录</a></li>
        <li><a href="">QQ安全</a></li>
        <li><a href="">QQ会员</a></li>
        <span>当前在线人数231412345134</span>
      </ul>
    </div>
    <a href="" class="register">注册</a>
  </div>
</nav>
<!-- 展示 -->
<section class="qq_banner">
  <img src="images/banner-logo.png" alt="">
  <img src="images/banner-download.png" alt="">
  <img src="images/banner-list.png" alt="">
  <img src="images/banner-product.png" alt="">
</section>
<!-- 语音 -->
<section class="qq_sound">
  <!-- seo优化 -->
  <h1>I am QQ,每天乐在沟通</h1>
  <div class="bg" data-stellar-background-ratio="0.3"></div>
  <div class="content">
    <div class="iphone"></div>
    <h2>沟通，是跨越<br>千山万水的亲切声音 </h2>
    <p>无论何时何地米都能自由享受QQ在各类<br>终端上带来的高清通话，与好友一起想聊多久就聊多久</p>
  </div>
</section>
<!-- 文件 -->
<section class="qq_file">
    <div class="bg" data-stellar-background-ratio="0.3"></div>
    <div class="content">
      <div class="file_left">
          <h2>沟通，是随时随地<br>爽快收发 </h2>
          <p>通过电脑和手机上的文件都能收发自如，<br>更有手机在线查阅，轻松你的工作和生活。</p>
      </div>
      <div class="mac"></div>
    </div>
</section>
<!-- 兴趣 -->
<section class="qq_favorite">
    <div class="bg" data-stellar-background-ratio="0.3"></div>
    <div class="content">
      <div class="file_left">
          <h2>沟通，是随时随地<br>爽快收发 </h2>
          <p>通过电脑和手机上的文件都能收发自如，<br>更有手机在线查阅，轻松你的工作和生活。</p>
      </div>
      <div class="phone"></div>
    </div>
</section>
<!-- 底部 --> 
<footer class="qq_footer">
    <div class="content">
        <div class="plats">
            <a class="plmb" href="#" target="_blank">QQ 手机版</a>
            <a class="plpc" href="#" target="_blank">QQ PC版</a>
            <a class="plmac" href="#" target="_blank">QQ Mac版</a>
            <a class="plpad" href="#" target="_blank">QQ Pad版</a>
        </div>
        <p>Copyright © 1998- 2017 Tencent. All Rights Reserved.</p>
        <p>腾讯公司 版权所有</p>
    </div>
</footer>
<script src="js/index.js"></script>
</body>
</html>